<html>
<head>
	<!--MOCHAUI-->
	<script type="text/javascript" src="../../../Demo/scripts/mootools-1.3.0-core-nocompat-yc.js"></script>
	<script type="text/javascript" src="../../../Demo/scripts/mootools-1.3.0-more-yc.js"></script>
	<script type="text/javascript" src="../../Core/core.js"></script>
	<script type="text/javascript" src="../../Core/desktop.js"></script>
	<script type="text/javascript" src="../column/column.js"></script>
	<script type="text/javascript" src="../panel/panel.js"></script>
	<script type="text/javascript" src="../taskbar/taskbar.js"></script>
	<script type="text/javascript" src="../window/window.js"></script>
	<script type="text/javascript" src="../window/modal.js"></script>
	<!--MOCHAUI-->

	<script type="text/javascript" src="calendar.js"></script>
	<script type="text/javascript">
	</script>
	<link rel="stylesheet" type="text/css" href="../../Themes/default/css/core.css"/>
	<link rel="stylesheet" type="text/css" href="../../Themes/default/css/desktop.css"/>
	<link rel="stylesheet" type="text/css" href="../../Themes/default/css/calendar.css"/>

	<script type="text/javascript">
		new MUI.Calendar({
			id:'date1',
			format: 'm/d/Y',
			direction: 1,
			tweak: {x: 6, y: 0}
		});
	</script>
</head>

<body>
<div id="page">
	<form action="/" class="long">
		<fieldset>
			<legend>Default styling</legend>
			<label for="date1">Date: </label>
			<input class="calendar input" readonly="readonly" id="date1" name="date1" type="text" />
		</fieldset>
	</form>
</div>
</body>

</html>
